<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=utf-8" isELIgnored="false"%>
<%
	String path=request.getContextPath();
	session.setAttribute("path",path);
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>控制台页面_企业工资管理系统</title>
<link rel="stylesheet" href="${path}/resources/css/style.default.css"
	type="text/css" />

<script type="text/javascript"
	src="${path}/resources/js/plugins/jquery-1.7.min.js"></script>
<script type="text/javascript"
	src="${path}/resources/js/plugins/jquery.cookie.js"></script>
<script type="text/javascript"
	src="${path}/resources/js/plugins/jquery.uniform.min.js"></script>
<script type="text/javascript"
	src="${path}/resources/js/plugins/jquery.dataTables.min.js"></script>
<script type="text/javascript"
	src="${path}/resources/js/plugins/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="${path}/resources/js/plugins/jquery.jgrowl.js"></script>
<script type="text/javascript" src="${path}/resources/js/plugins/chosen.jquery.min.js"></script>
<script type='text/javascript'
	src="${path}/resources/js/plugins/fullcalendar.min.js"></script>
<script type="text/javascript" src="${path}/resources/js/general.js"></script>
<script type="text/javascript"
	src="${path}/resources/js/timecard.js"></script>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/plugins/excanvas.min.js"></script><![endif]-->
<!--[if IE 9]>
    <link rel="stylesheet" media="screen" href="css/style.ie9.css"/>
<![endif]-->
<!--[if IE 8]>
    <link rel="stylesheet" media="screen" href="css/style.ie8.css"/>
<![endif]-->
<!--[if lt IE 9]>
	<script src="js/plugins/css3-mediaqueries.js"></script>
<![endif]-->
<style>
.stdform {
	align: center;
}

.stdform label {
	width: 80px;
	text-align: center;
}

.stdform span.field,.stdform div.field {
	margin-left: 80px
}

.stdform .formwrapper {
	margin-left: 80px
}



#timecard_dialog {
	display: none;
	height: auto;
}


.fc-agenda-slots td div {
	height:30px;
}
</style>
</head>

<body class="withvernav">
	<div class="bodywrapper">
		<div class="topheader">
			<div class="left">
				<h1 class="logo">
					企业<span>工资管理系统</span>
				</h1>
				<br clear="all" />
			</div>
			<!--left-->

			<div class="right">
				<div class="userinfo">
					<img src="${path}/resources/images/thumbs/avatar.png" alt="" />
					<span> ${employee.empNo}</span>
				</div>
				<!--userinfo-->

				<div class="userinfodrop">
					<div class="avatar">
						<a href=""><img src="${path}/resources/images/thumbs/avatarbig.png" alt="" /></a>
						<div class="changetheme">
							切换主题: <br /> <a class="default"></a> <a class="blueline"></a> <a
								class="greenline"></a> <a class="contrast"></a> <a
								class="custombg"></a>
						</div>
					</div>
					<!--avatar-->
					<div class="userdata">
						<h4>${employee.empName}</h4>
						<span class="email">${employee.empEmail}</span>
						<ul>
							<li><a href="${path}/employee/editProfile">编辑资料</a></li>
							<li><a href="${path}/employee/password">修改密码</a></li>
							<li><a href="#">帮助</a></li>
							<li><a href="${path}/employee/logout">退出</a></li>
						</ul>
					</div>
					<!--userdata-->
				</div>
				<!--userinfodrop-->
			</div>
			<!--right-->
		</div>
		<!--topheader-->


		<div class="header">
			<ul class="headermenu">
				<li><a href="${path}/employee/profile"><span
						class="icon icon-flatscreen"></span>首页</a></li>
				<li><a href="${path}/department"><span
						class="icon icon-pencil"></span>部门信息管理</a></li>
				<li><a href="${path}/post"><span
						class="icon icon-message"></span>岗位信息管理</a></li>
				<li><a href="${path}/employee"><span
						class="icon icon-pencil"></span>员工信息管理</a></li>
				<c:if test="${employee.isAdmin == 1 }">
				<li class="current"><a href="${path}/timecard"><span
						class="icon icon-speech"></span>考勤信息管理</a></li>
				</c:if>
				<c:if test="${employee.isAdmin == 0 }">
				<li class="current"><a href="${path}/timecard/myTimecards"><span
						class="icon icon-speech"></span>考勤信息管理</a></li>
				</c:if>
				<li><a href="${path}/bonus"><span 
						class="icon icon-chart"></span>奖金信息管理</a></li>
				<li><a href="${path}/salaryRecord"><span 
						class="icon icon-message"></span>工资信息管理</a></li>
			</ul>
		</div>
		<!--header-->

		<div class="vernav2 iconmenu">
			<ul>
				<li><a href="${path}/department" class="widgets">部门信息管理</a></li>
	        	<li><a href="${path}/post" class="support">岗位信息管理</a></li>
	            <li><a href="${path}/employee" class="tables">员工信息管理</a></li>
	            <li class="current"><a href="#attend" class="calendar">考勤信息管理</a>
	            	<span class="arrow"></span>
	            	<ul id="attend">
	            		<c:if test="${employee.isAdmin == 1 }">
	               		<li class="current"><a href="${path}/timecard">考勤-日历模式</a></li>
	               		</c:if>
	               		<c:if test="${employee.isAdmin == 0 }">
	               		<li><a href="${path}/timecard/myTimecards">考勤-日历模式</a></li>
	               		</c:if>
	                    <li><a href="${path}/timecard/table">考勤-表格模式</a></li>
	                </ul>
            	</li>
	            <li><a href="${path}/bonus" class="tables">奖金信息管理</a>
	            </li>
	            <li><a href="#salary" class="widgets">工资信息管理</a>
	            	<span class="arrow"></span>
	            	<ul id="salary">
	            		<c:if test="${employee.isAdmin == 1 }">
	            		 <li><a href="${path}/salaryRecord/calPre">工资结算</a></li>
	            		 </c:if>
	                    <li><a href="${path}/salaryRecord">工资记录</a></li>
	                    <c:if test="${employee.isAdmin == 1 }">
	                    <li><a href="${path}/postSalary">工资结构调整</a></li>
	                    </c:if>
	                    <c:if test="${employee.isAdmin == 0 }">
	                    <li><a href="${path}/postSalary/myStructure">我的工资结构</a></li>
	                    </c:if>
	                </ul>
            	</li>
        	</ul>
			<a class="togglemenu"></a> <br />
			<br />
		</div>
		<!--leftmenu-->

		<div class="centercontent">

			<div id="timecard_dialog" title="考勤管理">
				<form id="timecardForm" class="stdform">
						<input type="hidden" name="timecard.cardId" id="cardId"/>
						<input type="hidden" name="timecard.empId" id="empId"/>
						<p>
						<label>考勤类型：</label> <span class="field"> <select
							name="timecard.cardName" id="cardName">
								<option value="">--请选择--</option>
								<c:forEach items="${cards }" var="card">
									<option value="${card }">${card }</option>
								</c:forEach>
						</select>
						</span>
						</p>
                        <p>
                        	<label>金额：</label>
                            <span class="field"><input type="text" name="timecard.cardMoney" id="cardMoney" class="smallinput" /></span>
                        </p>
                        <p>
                        	<label>员工：</label>
                            <span class="field"><input type="text" name="empName" id="cardEmpName" disabled  class="smallinput" /></span>
                        </p>
                        
                        <p>
                        	<label>日期：</label>
                            <span class="field"><input type="text" name="timecard.cardDate" id="cardDate" readOnly class="smallinput" /></span>
                        </p>
						
					
					<p>
						<label>备注：</label> <span class="field"><textarea cols="80"
								rows="5" name="timecard.cardComment" id="comment" class="longinput"></textarea></span>
					</p>
					<br />
					<p class="stdformbutton">
						<button id="add_btn" class="submit radius2 order_btn">添加</button>
						<button id="edit_btn" class="stdbtn btn_yellow edit_btn">修改</button>
						<button id="delete_btn" class="stdbtn btn_red cancel_btn" style="margin-left:10px">删除</button>
					</p>
				</form>
			</div>
			
			<div id="contentwrapper" class="contentwrapper">
				<div id="timecard" class="subcontent">
					<div style="margin-bottom: 10px">
						<form class="stdform" style="width:600px">
                        	<label>员工编号:</label>
                            <span style="float:left">
                            	<select id="employeeSelect" data-placeholder="请选择员工..." class="chzn-select" style="width:150px;" tabindex="2" >                                 
                                  <c:forEach items="${employees}" var="employee">
                                  	<option value=""></option>
                            		<option value="${employee.empId}">${employee.empNo}</option>
                            	  </c:forEach>
                                </select>
                            </span>
                            <label style="margin-left:20px">员工姓名:</label>
                        	<input type="text" name="empName" id="empName" disabled style="float:left; width:20%"/>
							 <a style="margin-left: 10px; float:right" id="timecard_btn" class="btn btn2 btn_search"><span>搜索</span></a>
							
						</form>
					</div>

					<div id="calendar"></div>
				</div>	
			</div>
			<!--contentwrapper-->

			<br clear="all" />

		</div>
		<!-- centercontent -->


	</div>
	<!--bodywrapper-->

</body>
</html>
